div {
    max-width: 30em;
    min-height: 5em;
    padding: 2em;
    margin: 2em;
}

.div1 {
    border: 1em solid transparent;
    background: linear-gradient(white, white) padding-box,
                url('../img/stone-art.jpg') border-box;
                background-position: 0 0;
                background-size: cover;

}
.div2 {
    border: 1em solid transparent;
    background: linear-gradient(white, white) padding-box,
                repeating-linear-gradient(
                    -45deg,
                    red 0 ,red 12.5%,
                    transparent 0 , transparent 25%,
                    #38a 0 ,#38a 37.5%,
                    transparent 0 ,transparent 50%
                );
                background-size: 4em 4em;

}
@keyframes ants {
    to{
        background-position: 100%;
    }
}

.div3 {
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
                repeating-linear-gradient(
                    -45deg,
                    black 0 ,black 12.5%,
                    transparent 0 , transparent 25%,
                    black 0 ,black 37.5%,
                    transparent 0 ,transparent 50%
                );
                background-size: 1em 1em;
                animation: ants 30s linear infinite; 

}